<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>market</title>
    <!-- 引入重置css -->
    <link rel="stylesheet" href="./css/common/reset.css">
    <!-- 引入公用css -->
    <link rel="stylesheet" href="./css/common/common.css">
    <!-- 引入自身css -->
    <link rel="stylesheet" href="./css/market.css">
    <!-- 引入三方css -->
    <link rel="stylesheet" href="./lib/swiper/swiper-bundle.min.css">
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <!-- 头部盒子 -->
        <div class="headerBox wrap">
            <!-- logo图片 -->
            <div class="lgimg"></div>
            <div class="legochina">legochina.cn</div>
            <div class="register">欢迎光临
                <a href="./market.html">乐购</a>，请
                <a href="/login.html">登陆</a>\
                <a href="/register.html">注册</a>
            </div>
        </div>
    </div>

    <!-- 导航 -->
    <div id="nav" class="wrap clearfix">
        <!-- 购物车 -->
        <div class="nav-btn fr">
            <div class="car-btn fr">
                <a href="./shopCar.html"><div class="nav-car fl">购物车&ensp;3</div></a>
                <div class="order fl">我的订单</div>
            </div>
            <!-- 搜索框 -->
            <div class="search fr">
                <input type="text" name="" id="inptwo" placeholder="创意文具">
            </div>
        </div>
        <!-- 列表 -->
        <div>
            <ul class="nav-list fr">
                <li>图书</li>
                <li>电子书</li>
                <li>原创文学</li>
                <li>服装</li>
                <li>运动户外</li>
                <li>孕婴童</li>
                <li>家居</li>
                <li>创意文具</li>
                <li>地方特产</li>
                <li>海外购</li>
                <li>电器城</li>
            </ul>
        </div>
    </div>

    <!-- 横幅标语 -->
    <div id="banner" class="wrap clearfix">
        <!-- 导航选项卡 -->
        <div>
            <ul class="navBg fl">
                <li>
                    <p class="navBg-text">图书、电子书、童书</p>
                    <div class="navBg-contents">图书、电子书、童书</div>
                </li>
                <li>
                    <p class="navBg-text">创意文具</p>
                    <div class="navBg-contents">创意文具</div>
                </li>
                <li>
                    <p class="navBg-text">服饰、内衣</p>
                    <div class="navBg-contents">服饰、内衣</div>
                </li>
                <li>
                    <p class="navBg-text">鞋靴、箱包</p>
                    <div class="navBg-contents">鞋靴、箱包</div>
                </li>
                <li>
                    <p class="navBg-text">运动户外</p>
                    <div class="navBg-contents">运动户外</div>
                </li>
                <li>
                    <p class="navBg-text">孕、婴、童</p>
                    <div class="navBg-contents">孕、婴、童</div>
                </li>
                <li>
                    <p class="navBg-text">家居、家纺、汽车</p>
                    <div class="navBg-contents">家居、家纺、汽车</div>
                </li>
                <li>
                    <p class="navBg-text">家具、家装、康体</p>
                    <div class="navBg-contents">家具、家装、康体</div>
                </li>
                <li>
                    <p class="navBg-text">美妆、个人护理、成人</p>
                    <div class="navBg-contents">美妆、个人护理、成人</div>
                </li>
                <li>
                    <p class="navBg-text">食品、茶酒、生鲜</p>
                    <div class="navBg-contents">食品、茶酒、生鲜</div>
                </li>
                <li>
                    <p class="navBg-text">腕表、珠宝、眼镜</p>
                    <div class="navBg-contents">腕表、珠宝、眼镜</div>
                </li>
                <li>
                    <p class="navBg-text">手机、数码</p>
                    <div class="navBg-contents">手机、数码</div>
                </li>
                <li>
                    <p class="navBg-text">电脑办公</p>
                    <div class="navBg-contents">电脑办公</div>
                </li>
                <li>
                    <p class="navBg-text">家用电器</p>
                    <div class="navBg-contents">家用电器</div>
                </li>
            </ul>
        </div>
        <!-- 轮播图 -->
        <div class="bannerBg fl">
            <!-- swiper 官方提供的html代码 -->
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./images/banner1.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/banner2.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/banner3.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/banner4.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/banner5.jpg">
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
    </div>

    <!-- 推荐 -->
    <div id="recommend" class="wrap">
        <div class="recommend-banner">
            乐购·今日推荐
        </div>
        <!-- 今日推荐内容盒子 -->
        <div class="recommend-part">
            <div class="recommend-boxs clearfix">

                <!-- <div class="recommend-box fl">
                    <div class="recommend-img"></div>
                    <div class="recommend-tag"></div>
                    <div class="recommend-text1">黑爵青蜂侠六键电竞游戏鼠标</div>
                    <div class="recommend-text2">全国联保 一年免费包换</div>
                    <div class="recommend-price">￥:299</div>
                </div> -->
            </div>

        </div>
    </div>

    <!-- 电子书 -->
    <div id="ebook" class="wrap clearfix">
        <!-- 电子书选项卡 -->
        <div class="ebook-Control fl">
            <!-- 电子书选项卡导航栏 -->
            <div class="ebook-Control-navss">

                <p>图书 电子书</p>

                <!-- 三个选项卡按钮 -->
                <div class="ebook-Control-navs">

                    <!-- 电子书 -->
                    <div class="ebook-Control-nav fr">
                        电子书
                        <div class="ebook-Control-nav-boxs clearfix">
                            <!-- 选项卡中 左盒子 -->
                            <div class="ebook-Control-nav-lbox fl">
                                <!-- 左盒子图片 -->
                                <div class="ebook-Control-nav-lboximg"></div>
                                <!-- 左下文字内容盒子 -->
                                <div class="ebook-Control-nav-lboxcontent clearfix">
                                    <div class="ebook-Control-nav-lboxcontentli fl">
                                        <ul>
                                            <li>中小学教辅</li>
                                            <li>小说</li>
                                            <li>成功\励志</li>
                                            <li>哲学\宗教</li>
                                        </ul>
                                    </div>
                                    <div class="ebook-Control-nav-lboxcontentli fl">
                                        <ul>
                                            <li>外语</li>
                                            <li>文学</li>
                                            <li>管理</li>
                                            <li>亲子\家教</li>
                                        </ul>
                                    </div>
                                    <div class="ebook-Control-nav-lboxcontentli fl">
                                        <ul>
                                            <li>考试</li>
                                            <li>青春文学</li>
                                            <li>历史</li>
                                            <li>全部分类></li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                            <!-- 右盒子 -->
                            <div class="ebook-Control-nav-rbox fr">
                                <!-- 右盒子中的上盒子 -->
                                <div class="ebook-Control-nav-rbox-top clearfix">
                                    <!-- 小轮播图 -->
                                    <div class="ebook-Control-slideshow fl">
                                        <!-- swiper 官方提供的html代码 -->
                                        <div class="swiper3">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="./images/banner1.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/banner2.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/banner3.jpg">
                                                </div>
                                            </div>
                                            <!-- 如果需要分页器 -->
                                            <div class="swiper-pagination"></div>
                                            <!-- 如果需要导航按钮 -->
                                            <div class="swiper-button-prev"></div>
                                            <div class="swiper-button-next"></div>
                                        </div>
                                    </div>
                                    <!-- 小轮播图 旁边的内容 -->
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>


                                </div>
                                <!-- 右盒子中的下盒子 -->
                                <div class="ebook-Control-nav-rbox-bottom">
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                </div>



                            </div>






                        </div>
                    </div>

                    <!-- 独家畅销 -->
                    <div class="ebook-Control-nav fr">
                        独家畅销
                        <div class="ebook-Control-nav-boxs clearfix">
                            <!-- 选项卡中 左盒子 -->
                            <div class="ebook-Control-nav-lbox fl">
                                <!-- 左盒子图片 -->
                                <div class="ebook-Control-nav-lboximg"></div>
                                <!-- 左下文字内容盒子 -->
                                <div class="ebook-Control-nav-lboxcontent clearfix">
                                    <div class="ebook-Control-nav-lboxcontentli fl">
                                        <ul>
                                            <li>中小学教辅</li>
                                            <li>小说</li>
                                            <li>成功\励志</li>
                                            <li>哲学\宗教</li>
                                        </ul>
                                    </div>
                                    <div class="ebook-Control-nav-lboxcontentli fl">
                                        <ul>
                                            <li>外语</li>
                                            <li>文学</li>
                                            <li>管理</li>
                                            <li>亲子\家教</li>
                                        </ul>
                                    </div>
                                    <div class="ebook-Control-nav-lboxcontentli fl">
                                        <ul>
                                            <li>考试</li>
                                            <li>青春文学</li>
                                            <li>历史</li>
                                            <li>全部分类></li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                            <!-- 右盒子 -->
                            <div class="ebook-Control-nav-rbox fr">
                                <!-- 右盒子中的上盒子 -->
                                <div class="ebook-Control-nav-rbox-top clearfix">
                                    <!-- 小轮播图 -->
                                    <div class="ebook-Control-slideshow fl">
                                        <!-- swiper 官方提供的html代码 -->
                                        <div class="swiper2">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="./images/banner1.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/banner2.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/banner3.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/banner4.jpg">
                                                </div>

                                            </div>
                                            <!-- 如果需要分页器 -->
                                            <div class="swiper-pagination"></div>
                                            <!-- 如果需要导航按钮 -->
                                            <div class="swiper-button-prev"></div>
                                            <div class="swiper-button-next"></div>
                                        </div>
                                    </div>
                                    <!-- 小轮播图 旁边的内容 -->
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                </div>
                                <!-- 右盒子中的下盒子 -->
                                <div class="ebook-Control-nav-rbox-bottom">
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>

                    <!-- 最新上架 -->
                    <div class="ebook-Control-nav fr ebook-active">
                        最新上架
                        <div class="ebook-Control-nav-boxs show clearfix">
                            <!-- 选项卡中 左盒子 -->
                            <div class="ebook-Control-nav-lbox fl">
                                <!-- 左盒子图片 -->
                                <div class="ebook-Control-nav-lboximg"></div>
                                <!-- 左下文字内容盒子 -->
                                <div class="ebook-Control-nav-lboxcontent clearfix">
                                    <div class="ebook-Control-nav-lboxcontentli fl">
                                        <ul>
                                            <li>中小学教辅</li>
                                            <li>小说</li>
                                            <li>成功\励志</li>
                                            <li>哲学\宗教</li>
                                        </ul>
                                    </div>
                                    <div class="ebook-Control-nav-lboxcontentli fl">
                                        <ul>
                                            <li>外语</li>
                                            <li>文学</li>
                                            <li>管理</li>
                                            <li>亲子\家教</li>
                                        </ul>
                                    </div>
                                    <div class="ebook-Control-nav-lboxcontentli fl">
                                        <ul>
                                            <li>考试</li>
                                            <li>青春文学</li>
                                            <li>历史</li>
                                            <li>全部分类></li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                            <!-- 右盒子 -->
                            <div class="ebook-Control-nav-rbox fr">
                                <!-- 右盒子中的上盒子 -->
                                <div class="ebook-Control-nav-rbox-top clearfix">
                                    <!-- 小轮播图 -->
                                    <div class="ebook-Control-slideshow fl">
                                        <!-- swiper 官方提供的html代码 -->
                                        <div class="swiper1">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="./images/banner1.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/banner2.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/banner3.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/banner4.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/banner5.jpg">
                                                </div>
                                            </div>
                                            <!-- 如果需要分页器 -->
                                            <div class="swiper-pagination"></div>
                                            <!-- 如果需要导航按钮 -->
                                            <div class="swiper-button-prev"></div>
                                            <div class="swiper-button-next"></div>
                                        </div>

                                    </div>
                                    <!-- 小轮播图 旁边的内容 -->
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                </div>
                                <!-- 右盒子中的下盒子 -->
                                <div class="ebook-Control-nav-rbox-bottom">
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                    <div class="ebook-Control-content fl">
                                        <div class="ebook-Control-content-olympic">奥运狂欢</div>
                                        <div class="ebook-Control-content-text">10万种电子书&ensp;直降40%</div>
                                        <div class="ebook-Control-content-img"></div>
                                        <div class="ebook-Control-content-price">
                                            <span>&emsp;￥49</span>
                                            <span>&ensp;</span>
                                            <span>￥79</span>
                                        </div>
                                    </div>
                                </div>



                            </div>






                        </div>

                    </div>

                </div>
            </div>
        </div>
        <!-- 手风琴 -->
        <div class="accordion fr">
            <div class="accordion-headline">新书畅销榜</div>
            <ul class="accordion-content-box">
                <li>
                    <div class="accordion-content clearfix disnone">
                        <div class="accordion-num fl">1</div>
                        <div class="accordion-title fl">这玩意儿到底咋做啊</div>
                    </div>

                    <div class="accordion-contents clearfix show">
                        <div class="accordion-num fl">1</div>
                        <div class="accordion-info fl clearfix">
                            <img class="fl" src="./images/index08_05.jpg" alt="">
                            <div class="accordion-desc fl">
                                从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，陈国富 王家卫倾力推荐， 1500万次转发，超4亿次阅读
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="accordion-content clearfix show">
                        <div class="accordion-num fl">2</div>
                        <div class="accordion-title fl">这玩意儿到底咋做啊</div>
                    </div>

                    <div class="accordion-contents clearfix disnone">
                        <div class="accordion-num fl">2</div>
                        <div class="accordion-info fl clearfix">
                            <img class="fl" src="./images/index08_05.jpg" alt="">
                            <div class="accordion-desc fl">
                                从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，陈国富 王家卫倾力推荐， 1500万次转发，超4亿次阅读
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="accordion-content clearfix show">
                        <div class="accordion-num fl">3</div>
                        <div class="accordion-title fl">这玩意儿到底咋做啊</div>
                    </div>

                    <div class="accordion-contents clearfix disnone">
                        <div class="accordion-num fl">3</div>
                        <div class="accordion-info fl clearfix">
                            <img class="fl" src="./images/index08_05.jpg" alt="">
                            <div class="accordion-desc fl">
                                从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，陈国富 王家卫倾力推荐， 1500万次转发，超4亿次阅读
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="accordion-content clearfix show">
                        <div class="accordion-num fl">4</div>
                        <div class="accordion-title fl">这玩意儿到底咋做啊</div>
                    </div>

                    <div class="accordion-contents clearfix disnone">
                        <div class="accordion-num fl">4</div>
                        <div class="accordion-info fl clearfix">
                            <img class="fl" src="./images/index08_05.jpg" alt="">
                            <div class="accordion-desc fl">
                                从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，陈国富 王家卫倾力推荐， 1500万次转发，超4亿次阅读
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="accordion-content clearfix show">
                        <div class="accordion-num fl">5</div>
                        <div class="accordion-title fl">这玩意儿到底咋做啊</div>
                    </div>

                    <div class="accordion-contents clearfix disnone">
                        <div class="accordion-num fl">5</div>
                        <div class="accordion-info fl clearfix">
                            <img class="fl" src="./images/index08_05.jpg" alt="">
                            <div class="accordion-desc fl">
                                从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，陈国富 王家卫倾力推荐， 1500万次转发，超4亿次阅读
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="accordion-content clearfix show">
                        <div class="accordion-num fl">6</div>
                        <div class="accordion-title fl">这玩意儿到底咋做啊</div>
                    </div>

                    <div class="accordion-contents clearfix disnone">
                        <div class="accordion-num fl">6</div>
                        <div class="accordion-info fl clearfix">
                            <img class="fl" src="./images/index08_05.jpg" alt="">
                            <div class="accordion-desc fl">
                                从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，陈国富 王家卫倾力推荐， 1500万次转发，超4亿次阅读
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="accordion-content clearfix show">
                        <div class="accordion-num fl">7</div>
                        <div class="accordion-title fl">这玩意儿到底咋做啊</div>
                    </div>

                    <div class="accordion-contents clearfix disnone">
                        <div class="accordion-num fl">7</div>
                        <div class="accordion-info fl clearfix">
                            <img class="fl" src="./images/index08_05.jpg" alt="">
                            <div class="accordion-desc fl">
                                从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，陈国富 王家卫倾力推荐， 1500万次转发，超4亿次阅读
                            </div>
                        </div>
                    </div>
                </li>


            </ul>


        </div>

    </div>

    <!-- 服装 -->
    <div id="clothing" class="wrap">
        <!-- 服装选项卡 -->
        <div class="clothing-control">
            <!-- 服装选项卡导航栏 -->
            <div class="clothing-control-navss">

                <p>服装</p>

                <!-- 选项卡按钮 -->
                <div class="clothing-control-navs clearfix">
                    <!-- 精品鞋靴选项卡 -->
                    <div class="clothing-control-nav fr">
                        精品鞋靴
                        <!-- 隐藏盒子 -->
                        <div class="clothing-control-bigBox">
                            <!-- 左盒子 -->
                            <div class="clothing-control-nav-lboxs">

                                <div class="clothing-control-nav-img"></div>
                                <div class="clothing-control-nav-contentBoxs clearfix">
                                    <div class="clothing-control-nav-content fl">
                                        <ul>
                                            <li>女包</li>
                                            <li>冰丝内裤</li>
                                            <li>蕾丝衬衫</li>
                                            <li>女包</li>
                                        </ul>
                                    </div>
                                    <div class="clothing-control-nav-content fl">
                                        <ul>
                                            <li>防晒品</li>
                                            <li>男包</li>
                                            <li>奢侈品</li>
                                            <li>女鞋</li>
                                        </ul>
                                    </div>
                                    <div class="clothing-control-nav-content fl">
                                        <ul>
                                            <li>短裤</li>
                                            <li>功能箱包</li>
                                            <li>男鞋</li>
                                            <li>全部分类></li>
                                        </ul>
                                    </div>

                                </div>

                            </div>
                            <!-- 右盒子 -->
                            <div class="clothing-control-nav-rboxs clearfix">
                                <!-- 右盒子中的左盒子 -->
                                <div class="clothing-control-nav-lbox fl">
                                    <!-- 右盒子中的左盒子中的轮播图 -->
                                    <div class="clothing-slideshow">
                                        <!-- swiper 官方提供的html代码 -->
                                        <div class="swiper6">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="./images/01.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/02.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/03.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/04.jpg">
                                                </div>
                                            </div>
                                            <!-- 如果需要分页器 -->
                                            <div class="swiper-pagination"></div>
                                            <!-- 如果需要导航按钮 -->
                                            <div class="swiper-button-prev"></div>
                                            <div class="swiper-button-next"></div>
                                        </div>
                                    </div>
                                    <!-- 右盒子中的左盒子中的小图 -->
                                    <div class="clothing-control-nav-lbox-smallImg"></div>
                                </div>
                                <!-- 右盒子中的 轮播图旁边的 -->
                                <div class="clothing-control-nav-tbox fl"></div>
                                <div class="clothing-control-nav-tbox fl"></div>
                                <div class="clothing-control-nav-tbox fl"></div>
                                <div class="clothing-control-nav-bbox fl"></div>
                                <div class="clothing-control-nav-bbox fl"></div>
                                <div class="clothing-control-nav-bbox fl"></div>
                            </div>
                        </div>
                    </div>
                    <!-- 热销男装选项卡 -->
                    <div class="clothing-control-nav fr">
                        热销男装
                        <!-- 隐藏盒子 -->
                        <div class="clothing-control-bigBox">
                            <!-- 左盒子 -->
                            <div class="clothing-control-nav-lboxs">

                                <div class="clothing-control-nav-img"></div>
                                <div class="clothing-control-nav-contentBoxs clearfix">
                                    <div class="clothing-control-nav-content fl">
                                        <ul>
                                            <li>女包</li>
                                            <li>冰丝内裤</li>
                                            <li>蕾丝衬衫</li>
                                            <li>女包</li>
                                        </ul>
                                    </div>
                                    <div class="clothing-control-nav-content fl">
                                        <ul>
                                            <li>防晒品</li>
                                            <li>男包</li>
                                            <li>奢侈品</li>
                                            <li>女鞋</li>
                                        </ul>
                                    </div>
                                    <div class="clothing-control-nav-content fl">
                                        <ul>
                                            <li>短裤</li>
                                            <li>功能箱包</li>
                                            <li>男鞋</li>
                                            <li>全部分类></li>
                                        </ul>
                                    </div>

                                </div>

                            </div>
                            <!-- 右盒子 -->
                            <div class="clothing-control-nav-rboxs clearfix">
                                <!-- 右盒子中的左盒子 -->
                                <div class="clothing-control-nav-lbox fl">
                                    <!-- 右盒子中的左盒子中的轮播图 -->
                                    <div class="clothing-slideshow">
                                        <!-- swiper 官方提供的html代码 -->
                                        <div class="swiper5">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="./images/01.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/02.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/03.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/04.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/05.jpg">
                                                </div>
                                            </div>
                                            <!-- 如果需要分页器 -->
                                            <div class="swiper-pagination"></div>
                                            <!-- 如果需要导航按钮 -->
                                            <div class="swiper-button-prev"></div>
                                            <div class="swiper-button-next"></div>
                                        </div>
                                    </div>
                                    <!-- 右盒子中的左盒子中的小图 -->
                                    <div class="clothing-control-nav-lbox-smallImg"></div>
                                </div>
                                <!-- 右盒子中的 轮播图旁边的 -->
                                <div class="clothing-control-nav-tbox fl"></div>
                                <div class="clothing-control-nav-tbox fl"></div>
                                <div class="clothing-control-nav-tbox fl"></div>
                                <div class="clothing-control-nav-bbox fl"></div>
                                <div class="clothing-control-nav-bbox fl"></div>
                                <div class="clothing-control-nav-bbox fl"></div>
                            </div>
                        </div>
                    </div>
                    <!-- 女装内衣选项卡 -->
                    <div class="clothing-control-nav fr clothing-active">
                        女装内衣
                        <!-- 隐藏盒子 -->
                        <div class="clothing-control-bigBox show">
                            <!-- 左盒子 -->
                            <div class="clothing-control-nav-lboxs">

                                <div class="clothing-control-nav-img"></div>
                                <div class="clothing-control-nav-contentBoxs clearfix">
                                    <div class="clothing-control-nav-content fl">
                                        <ul>
                                            <li>女包</li>
                                            <li>冰丝内裤</li>
                                            <li>蕾丝衬衫</li>
                                            <li>女包</li>
                                        </ul>
                                    </div>
                                    <div class="clothing-control-nav-content fl">
                                        <ul>
                                            <li>防晒品</li>
                                            <li>男包</li>
                                            <li>奢侈品</li>
                                            <li>女鞋</li>
                                        </ul>
                                    </div>
                                    <div class="clothing-control-nav-content fl">
                                        <ul>
                                            <li>短裤</li>
                                            <li>功能箱包</li>
                                            <li>男鞋</li>
                                            <li>全部分类></li>
                                        </ul>
                                    </div>

                                </div>

                            </div>
                            <!-- 右盒子 -->
                            <div class="clothing-control-nav-rboxs clearfix">
                                <!-- 右盒子中的左盒子 -->
                                <div class="clothing-control-nav-lbox fl">
                                    <!-- 右盒子中的左盒子中的轮播图 -->
                                    <div class="clothing-slideshow">
                                        <!-- swiper 官方提供的html代码 -->
                                        <div class="swiper4">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="./images/01.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/02.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/03.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/04.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/05.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/06.jpg">
                                                </div>
                                            </div>
                                            <!-- 如果需要分页器 -->
                                            <div class="swiper-pagination"></div>
                                            <!-- 如果需要导航按钮 -->
                                            <div class="swiper-button-prev"></div>
                                            <div class="swiper-button-next"></div>
                                        </div>
                                    </div>
                                    <!-- 右盒子中的左盒子中的小图 -->
                                    <div class="clothing-control-nav-lbox-smallImg"></div>
                                </div>
                                <!-- 右盒子中的 轮播图旁边的 -->
                                <div class="clothing-control-nav-tbox fl"></div>
                                <div class="clothing-control-nav-tbox fl"></div>
                                <div class="clothing-control-nav-tbox fl"></div>
                                <div class="clothing-control-nav-bbox fl"></div>
                                <div class="clothing-control-nav-bbox fl"></div>
                                <div class="clothing-control-nav-bbox fl"></div>
                            </div>
                        </div>

                        <!-- 服装logo -->
                        <div class="clothing-logo clearfix">
                            <!-- <div class="clothing-logo-img1 fl">
                                <img src="" alt="">
                            </div> -->
                        </div>

                    </div>

                </div>

            </div>
        </div>

    </div>

    <!-- 户外运动 -->
    <div id="exercise" class="wrap">
        <!-- 户外运动选项卡 -->
        <div class="exercise-control">
            <!-- 户外运动选项卡导航栏 -->
            <div class="exercise-control-navss">

                <p>户外运动</p>

                <!-- 选项卡按钮 -->
                <div class="exercise-control-navs clearfix">
                    <!-- 运动潮流选项卡 -->
                    <div class="exercise-control-nav fr">
                        运动潮流
                        <!-- 隐藏盒子 -->
                        <div class="exercise-control-bigBox">
                            <!-- 左盒子 -->
                            <div class="exercise-control-nav-lboxs">

                                <div class="exercise-control-nav-img"></div>
                                <div class="exercise-control-nav-contentBoxs clearfix">
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>女包</li>
                                            <li>冰丝内裤</li>
                                            <li>蕾丝衬衫</li>
                                            <li>女包</li>
                                        </ul>
                                    </div>
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>防晒品</li>
                                            <li>男包</li>
                                            <li>奢侈品</li>
                                            <li>女鞋</li>
                                        </ul>
                                    </div>
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>短裤</li>
                                            <li>功能箱包</li>
                                            <li>男鞋</li>
                                            <li>全部分类></li>
                                        </ul>
                                    </div>

                                </div>

                            </div>
                            <!-- 右盒子 -->
                            <div class="exercise-control-nav-rboxs clearfix">
                                <!-- 右盒子中的左盒子 -->
                                <div class="exercise-control-nav-lbox fl">
                                    <!-- 右盒子中的左盒子中的轮播图 -->
                                    <div class="exercise-slideshow">
                                        <!-- swiper 官方提供的html代码 -->
                                        <div class="swiper7">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="./images/1a.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/2a.jpg">
                                                </div>
                                            </div>
                                            <!-- 如果需要分页器 -->
                                            <div class="swiper-pagination"></div>
                                            <!-- 如果需要导航按钮 -->
                                            <div class="swiper-button-prev"></div>
                                            <div class="swiper-button-next"></div>
                                        </div>
                                    </div>
                                    <!-- 右盒子中的左盒子中的小图 -->
                                    <div class="exercise-control-nav-lbox-smallImg"></div>
                                </div>
                                <!-- 右盒子中的 轮播图旁边的 -->
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                            </div>
                        </div>
                    </div>
                    <!-- 户外装备选项卡 -->
                    <div class="exercise-control-nav fr">
                        户外装备
                        <!-- 隐藏盒子 -->
                        <div class="exercise-control-bigBox">
                            <!-- 左盒子 -->
                            <div class="exercise-control-nav-lboxs">

                                <div class="exercise-control-nav-img"></div>
                                <div class="exercise-control-nav-contentBoxs clearfix">
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>女包</li>
                                            <li>冰丝内裤</li>
                                            <li>蕾丝衬衫</li>
                                            <li>女包</li>
                                        </ul>
                                    </div>
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>防晒品</li>
                                            <li>男包</li>
                                            <li>奢侈品</li>
                                            <li>女鞋</li>
                                        </ul>
                                    </div>
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>短裤</li>
                                            <li>功能箱包</li>
                                            <li>男鞋</li>
                                            <li>全部分类></li>
                                        </ul>
                                    </div>

                                </div>

                            </div>
                            <!-- 右盒子 -->
                            <div class="exercise-control-nav-rboxs clearfix">
                                <!-- 右盒子中的左盒子 -->
                                <div class="exercise-control-nav-lbox fl">
                                    <!-- 右盒子中的左盒子中的轮播图 -->
                                    <div class="exercise-slideshow">
                                        <!-- swiper 官方提供的html代码 -->
                                        <div class="swiper8">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="./images/1a.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/2a.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/3a.jpg">
                                                </div>
                                            </div>
                                            <!-- 如果需要分页器 -->
                                            <div class="swiper-pagination"></div>
                                            <!-- 如果需要导航按钮 -->
                                            <div class="swiper-button-prev"></div>
                                            <div class="swiper-button-next"></div>
                                        </div>
                                    </div>
                                    <!-- 右盒子中的左盒子中的小图 -->
                                    <div class="exercise-control-nav-lbox-smallImg"></div>
                                </div>
                                <!-- 右盒子中的 轮播图旁边的 -->
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                            </div>
                        </div>
                    </div>
                    <!-- 国际名品选项卡 -->
                    <div class="exercise-control-nav fr exercise-active">
                        国际名品
                        <!-- 隐藏盒子 -->
                        <div class="exercise-control-bigBox show">
                            <!-- 左盒子 -->
                            <div class="exercise-control-nav-lboxs">

                                <div class="exercise-control-nav-img"></div>
                                <div class="exercise-control-nav-contentBoxs clearfix">
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>女包</li>
                                            <li>冰丝内裤</li>
                                            <li>蕾丝衬衫</li>
                                            <li>女包</li>
                                        </ul>
                                    </div>
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>防晒品</li>
                                            <li>男包</li>
                                            <li>奢侈品</li>
                                            <li>女鞋</li>
                                        </ul>
                                    </div>
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>短裤</li>
                                            <li>功能箱包</li>
                                            <li>男鞋</li>
                                            <li>全部分类></li>
                                        </ul>
                                    </div>

                                </div>

                            </div>
                            <!-- 右盒子 -->
                            <div class="exercise-control-nav-rboxs clearfix">
                                <!-- 右盒子中的左盒子 -->
                                <div class="exercise-control-nav-lbox fl">
                                    <!-- 右盒子中的左盒子中的轮播图 -->
                                    <div class="exercise-slideshow">
                                        <!-- swiper 官方提供的html代码 -->
                                        <div class="swiper9">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="./images/1a.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/2a.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/3a.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/4a.jpg">
                                                </div>
                                            </div>
                                            <!-- 如果需要分页器 -->
                                            <div class="swiper-pagination"></div>
                                            <!-- 如果需要导航按钮 -->
                                            <div class="swiper-button-prev"></div>
                                            <div class="swiper-button-next"></div>
                                        </div>
                                    </div>
                                    <!-- 右盒子中的左盒子中的小图 -->
                                    <div class="exercise-control-nav-lbox-smallImg"></div>
                                </div>
                                <!-- 右盒子中的 轮播图旁边的 -->
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                            </div>
                        </div>

                        <!-- 户外运动logo -->
                        <div class="exercise-logo clearfix">
                            <!-- <div class="exercise-logo-img1 fl">
                        <img src="" alt="">
                    </div> -->
                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div>

    <!-- 童装 -->
    <div id="children" class="wrap">
        <!-- 童装选项卡 -->
        <div class="exercise-control">
            <!-- 童装选项卡导航栏 -->
            <div class="exercise-control-navss">

                <p>童装 童鞋 婴儿装</p>

                <!-- 选项卡按钮 -->
                <div class="exercise-control-navs clearfix">
                    <!-- 小潮童鞋选项卡 -->
                    <div class="exercise-control-nav fr">
                        小潮童鞋
                        <!-- 隐藏盒子 -->
                        <div class="exercise-control-bigBox">
                            <!-- 左盒子 -->
                            <div class="exercise-control-nav-lboxs">

                                <div class="exercise-control-nav-img"></div>
                                <div class="exercise-control-nav-contentBoxs clearfix">
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>女包</li>
                                            <li>冰丝内裤</li>
                                            <li>蕾丝衬衫</li>
                                            <li>女包</li>
                                        </ul>
                                    </div>
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>防晒品</li>
                                            <li>男包</li>
                                            <li>奢侈品</li>
                                            <li>女鞋</li>
                                        </ul>
                                    </div>
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>短裤</li>
                                            <li>功能箱包</li>
                                            <li>男鞋</li>
                                            <li>全部分类></li>
                                        </ul>
                                    </div>

                                </div>

                            </div>
                            <!-- 右盒子 -->
                            <div class="exercise-control-nav-rboxs clearfix">
                                <!-- 右盒子中的左盒子 -->
                                <div class="exercise-control-nav-lbox fl">
                                    <!-- 右盒子中的左盒子中的轮播图 -->
                                    <div class="exercise-slideshow">
                                        <!-- swiper 官方提供的html代码 -->
                                        <div class="swiper10">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="./images/boy55.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/boy44.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/boy33.jpg">
                                                </div>
                                            </div>
                                            <!-- 如果需要分页器 -->
                                            <div class="swiper-pagination"></div>
                                            <!-- 如果需要导航按钮 -->
                                            <div class="swiper-button-prev"></div>
                                            <div class="swiper-button-next"></div>
                                        </div>
                                    </div>
                                    <!-- 右盒子中的左盒子中的小图 -->
                                    <div class="exercise-control-nav-lbox-smallImg"></div>
                                </div>
                                <!-- 右盒子中的 轮播图旁边的 -->
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                            </div>
                        </div>
                    </div>
                    <!-- 婴儿装选项卡 -->
                    <div class="exercise-control-nav fr">
                        婴儿装
                        <!-- 隐藏盒子 -->
                        <div class="exercise-control-bigBox">
                            <!-- 左盒子 -->
                            <div class="exercise-control-nav-lboxs">

                                <div class="exercise-control-nav-img"></div>
                                <div class="exercise-control-nav-contentBoxs clearfix">
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>女包</li>
                                            <li>冰丝内裤</li>
                                            <li>蕾丝衬衫</li>
                                            <li>女包</li>
                                        </ul>
                                    </div>
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>防晒品</li>
                                            <li>男包</li>
                                            <li>奢侈品</li>
                                            <li>女鞋</li>
                                        </ul>
                                    </div>
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>短裤</li>
                                            <li>功能箱包</li>
                                            <li>男鞋</li>
                                            <li>全部分类></li>
                                        </ul>
                                    </div>

                                </div>

                            </div>
                            <!-- 右盒子 -->
                            <div class="exercise-control-nav-rboxs clearfix">
                                <!-- 右盒子中的左盒子 -->
                                <div class="exercise-control-nav-lbox fl">
                                    <!-- 右盒子中的左盒子中的轮播图 -->
                                    <div class="exercise-slideshow">
                                        <!-- swiper 官方提供的html代码 -->
                                        <div class="swiper11">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="./images/boy55.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/boy44.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/boy33.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/boy22.jpg">
                                                </div>
                                            </div>
                                            <!-- 如果需要分页器 -->
                                            <div class="swiper-pagination"></div>
                                            <!-- 如果需要导航按钮 -->
                                            <div class="swiper-button-prev"></div>
                                            <div class="swiper-button-next"></div>
                                        </div>
                                    </div>
                                    <!-- 右盒子中的左盒子中的小图 -->
                                    <div class="exercise-control-nav-lbox-smallImg"></div>
                                </div>
                                <!-- 右盒子中的 轮播图旁边的 -->
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                            </div>
                        </div>
                    </div>
                    <!-- 儿童服装选项卡 -->
                    <div class="exercise-control-nav fr exercise-active">
                        儿童服装
                        <!-- 隐藏盒子 -->
                        <div class="exercise-control-bigBox show">
                            <!-- 左盒子 -->
                            <div class="exercise-control-nav-lboxs">

                                <div class="exercise-control-nav-img"></div>
                                <div class="exercise-control-nav-contentBoxs clearfix">
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>女包</li>
                                            <li>冰丝内裤</li>
                                            <li>蕾丝衬衫</li>
                                            <li>女包</li>
                                        </ul>
                                    </div>
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>防晒品</li>
                                            <li>男包</li>
                                            <li>奢侈品</li>
                                            <li>女鞋</li>
                                        </ul>
                                    </div>
                                    <div class="exercise-control-nav-content fl">
                                        <ul>
                                            <li>短裤</li>
                                            <li>功能箱包</li>
                                            <li>男鞋</li>
                                            <li>全部分类></li>
                                        </ul>
                                    </div>

                                </div>

                            </div>
                            <!-- 右盒子 -->
                            <div class="exercise-control-nav-rboxs clearfix">
                                <!-- 右盒子中的左盒子 -->
                                <div class="exercise-control-nav-lbox fl">
                                    <!-- 右盒子中的左盒子中的轮播图 -->
                                    <div class="exercise-slideshow">
                                        <!-- swiper 官方提供的html代码 -->
                                        <div class="swiper12">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="./images/boy55.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/boy44.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/boy33.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/boy22.jpg">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="./images/boy11.jpg">
                                                </div>
                                            </div>
                                            <!-- 如果需要分页器 -->
                                            <div class="swiper-pagination"></div>
                                            <!-- 如果需要导航按钮 -->
                                            <div class="swiper-button-prev"></div>
                                            <div class="swiper-button-next"></div>
                                        </div>
                                    </div>
                                    <!-- 右盒子中的左盒子中的小图 -->
                                    <div class="exercise-control-nav-lbox-smallImg"></div>
                                </div>
                                <!-- 右盒子中的 轮播图旁边的 -->
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-tbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                                <div class="exercise-control-nav-bbox fl"></div>
                            </div>
                        </div>

                        <!-- 童装logo -->
                        <div class="children-logo clearfix">
                            <!-- <div class="children-logo-img1 fl">
                                <img src="" alt="">
                            </div> -->
                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div>

    <!-- 家居日用 -->
    <div id="household" class="wrap">
        <!-- 家居日用 -->
        <div class="household-control">
            <p>家居日用</p>
            <!-- 家居日用界面 -->
            <div class="household-control-navss clearfix">
                <!-- 左盒子 -->
                <div class="household-control-lnavs fl"></div>
                <!-- 右盒子 -->
                <div class="household-control-rnavs fl clearfix">
                    <div class="household-control-nav fl">
                        <div class="household-empty"></div>
                    </div>
                    <div class="household-control-nav fl">
                        <div class="household-empty"></div>
                    </div>
                    <div class="household-control-nav fl">
                        <div class="household-empty"></div>
                    </div>
                    <div class="household-control-nav fl">
                        <div class="household-empty"></div>
                    </div>
                    <div class="household-control-nav-s fl"></div>
                    <div class="household-control-nav-s fl"></div>
                    <div class="household-control-nav-s fl"></div>
                    <div class="household-control-nav-s fl"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- 推广商品 -->
    <div id="promotion" class="wrap">
        <!-- 推广商品 -->
        <div class="promotion-control">

            <p>推广商品</p>

            <!-- 推广商品选项卡 -->
            <div class="promotion-control-navss clearfix">

                <div class="promotion-control-navs fl">
                    <div class="promotion-control-nav promotion-active"></div>
                </div>
                <!-- 隐藏盒子 -->
                <div class="promotion-control-nav-conceal clearfix">
                    <!-- <div class="promotion-control-nav-conceal-content fl">
                        <div class="promotion-control-nav-conceal-content-img">
                            <img src="/images/index25_12.jpg" alt="">
                        </div>
                        <div class="promotion-control-nav-content">
                                Pigeon法国制奶嘴&ensp;
                                无毒天然乳胶
                        </div>
                        <div class="promotion-control-nav-price">
                            ￥：189
                        </div>
                        <div class="promotion-control-nav-evaluate">
                            <div class="promotion-control-nav-elf">
                                <img src="/images/index27_14.jpg" alt="">
                            </div>
                            已有 <span>988</span>条评价
                        </div>
                    </div> -->
                </div>

                <div class="promotion-control-navs fl">
                    <div class="promotion-control-nav"></div>
                </div>
                <!-- 隐藏盒子 -->
                <div class="promotion-control-nav-conceal clearfix disnone">

                    <!-- <div class="promotion-control-nav-conceal-content fl">
                        <div class="promotion-control-nav-conceal-content-img">
                            <img src="/images/index25_12.jpg" alt="">
                        </div>
                        <div class="promotion-control-nav-content">
                            Pigeon法国制奶嘴&ensp; 无毒天然乳胶
                        </div>
                        <div class="promotion-control-nav-price">
                            ￥：189
                        </div>
                        <div class="promotion-control-nav-evaluate">
                            <div class="promotion-control-nav-elf">
                                <img src="/images/index27_14.jpg" alt="">
                            </div>
                            已有
                            <span>988</span>条评价
                        </div>
                    </div> -->

                </div>
            </div>

        </div>
    </div>

    <!-- 页脚 -->
    <div id="footer">
        <!-- 线条 -->
        <div id="line"></div>
        <!-- 保障 -->
        <div id="safeguard">
            <!-- 保障盒子 -->
            <div class="safeguardbox">
                <img src="/images/222_11.png" alt="">
                <img src="/images/222_13.png" alt="">
                <img src="/images/222_15.png" alt="">
                <img src="/images/222_17.png" alt="">
            </div>
        </div>

        <div class="footer-content wrap">
            <div class="footer-content-top clearfix">

                <div class="footer-content-text1 fl">
                    <ul>
                        <li>购物指南</li>
                        <li><a href="">购物流程</a></li>
                        <li><a href="">发票制度</a></li>
                        <li><a href="">账户管理</a></li>
                        <li><a href="">会员优惠</a></li>
                    </ul>
                </div>
                <div class="footer-content-text2 fl">
                    <ul>
                        <li>支付方式</li>
                        <li><a href="">货到付款</a></li>
                        <li><a href="">网上支付</a></li>
                        <li><a href="">礼品卡支付</a></li>
                        <li><a href="">银行转帐</a></li>
                    </ul>
                </div>
                <div class="footer-content-text3 fl">
                    <ul>
                        <li>订单服务</li>
                        <li><a href="">订单配送查询</a></li>
                        <li><a href="">订单状态说明</a></li>
                        <li><a href="">自助取消订单</a></li>
                        <li><a href="">自助修改订单</a></li>
                    </ul>
                </div>
                <div class="footer-content-text4 fl">
                    <ul>
                        <li>退换货</li>
                        <li><a href="">退换货政策</a></li>
                        <li><a href="">自助申请退换货</a></li>
                        <li><a href="">退换货进度查询</a></li>
                        <li><a href="">退款方式和时间</a></li>
                    </ul>
                </div>
                <div class="footer-content-text5 fl">
                    <ul>
                        <li>商家服务</li>
                        <li><a href="">商家中心</a></li>
                        <li><a href="">运营服务</a></li>
                        <li><a href="">加入尾品汇</a></li>
                    </ul>
                </div>

            </div>
            <div class="footer-content-bottom">
                <div class="investor">
                    <a href="">公司简介</a>&ensp;|&ensp;<a href="">Investor Relations</a>&ensp;|&ensp;<a href="">网站联盟</a>&ensp;|&ensp;<a href="">乐购招商</a>&ensp;|&ensp;<a href="">机构销售</a>&ensp;|&ensp;<a href="">手机乐购</a>&ensp;|&ensp;<a href="">官方Blog</a>&ensp;|&ensp;<a href="">热词搜索</a>
                </div>
                <div class="copyright">
                    Copyright (C) 乐购网 2004-2016, All Rights Reserved
                </div>
            </div>
            <div class="footer-content-logo"></div>
        </div>
    </div>
    
    <!-- 楼层跳转 -->
    <div class="skip disnone">
        <ul>
            <li>
                <a href="#ebook">
                    <div class="skip-img"></div>
                    <div class="skip-text">图书</div>
                </a>
            </li>
            <li>
                <a href="#clothing">
                    <div class="skip-img"></div>
                    <div class="skip-text">服装</div>
                </a>
            </li>
            <li>
                <a href="#children">
                    <div class="skip-img"></div>
                    <div class="skip-text">童装</div>
                </a>
            </li>
            <li>
                <a href="#household">
                    <div class="skip-img"></div>
                    <div class="skip-text">高跟</div>
                </a>
            </li>
            <li>
                <a href="#exercise">
                    <div class="skip-img"></div>
                    <div class="skip-text">运动</div>
                </a>
            </li>
        </ul>
    </div>

    <!-- 顶部搜索 输入框同步 -->
    <div class="search-top">
        <div class="search search-top1">
            <input type="text" name="" id="inpone" placeholder="创意文具">
        </div>
    </div>

    <!-- 回到顶部 -->
    <div class="roof disnone">
    </div>





    <!-- 引入三方js -->
    <script src="./lib/swiper/swiper-bundle.min.js"></script>
    <!-- 引入js -->
    <script src="./js/market.js"></script>
</body>

</html>